/* 通栏 */
main {
	display: flex;
	min-width: 1200px;
	width: 100%;
	height: 100vh;
}
/* 左边图片盒子 */
.picture {
	width: 60%;
	height: 100%;
	background-color: #00a7f2;
}
/* 右边登录通栏 */
#register {
	width: 40%;
	height: 100%;
}
/* 右边登录盒子 */
#register-form {
	width: 366px;
	background-color: #fff;
	text-align: center;
}
/* 右边登录标题 */
.register-title {
	margin-bottom: 46px;
}
/* 下方小标题 */
.s-title {
	display: flex;
	justify-content: space-evenly;
}
.s-title a {
	display: block;
	height: 20px;
}
/* 标题激活样式 */
.s-title a.active {
	color: #00a7f2;
}
.s-title a.active::after {
	content: "";
	display: block;
	width: 50%;
	height: 4px;
	background-color: #00a7f2;
	margin: 12px 6px;
}
/* 小标题中间的分割线 */
.s-title i {
	width: 1px;
	height: 14px;
	background-color: #f0f0f0;
}
/* 登录表单 */
#r-box {
	background-color: #fff;
	height: 350px;
}
/* 登录框 */
#r-box p {
	height: 58px;
}
#r-box input {
	box-sizing: border-box;
	padding-left: 30px;
	width: 357px;
	height: 45px;
	border: 0;
	border-bottom: 1px solid #e9e9e9;
	outline: none;
}
/* 用户名框 */
.login-box1 input {
	background: url(../imgs/iocn/loginIcon.png) no-repeat;
	background-position: -55px 7px;
}
/* 密码框 */
.login-box2 input {
	background: url(../imgs/iocn/loginIcon1.jpg) no-repeat;
	background-position: 0 -4px;
}
/* 下方提示:忘记密码 */
.ftp {
	text-align: right;
}
.ftp a {
	color: #00a7f2;
}
/* 登录按钮 */
.loginB {
	width: 365px;
	height: 46px;
	color: #fff;
	background-color: #03c5ff;
	border: 2px solid #03c5ff;
}
/* 填充 */
.fill {
	width: 100%;
	height: 350px;
}
/* 扫码登录盒子 */
#scan-code {
	left: 0;
	top: 158px;
	padding-left: 23px;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 350px;
	background-color: #fff;
}
/* 二维码 */
.QR-code {
	padding: 40px 14px 30px;
	width: 291px;
	height: 240px;
	border: 1px solid #000;
	background-color: #fcfcfc;
}
.QR-code p {
	line-height: 25px;
}
/* 下方提示:立即注册 */
#hint a {
	color: #00bdff;
}
#hint img {
	vertical-align: middle;
}
